@import './vw';
@import './comment.scss';

* {
  box-sizing: border-box;
}

section {
  padding: vw(90) 0 0 0;

  .one {
    padding: vw(30);

    .text1 {
      margin-bottom: vw(15);
      font-size: vw(30);
      color: #5c5856;
      font-weight: bold;
    }

    .text2 {
      margin-top: vw(30);
      font-size: vw(20);
      color: #8b8b8b;
      line-height: vw(30);
    }

    .time {
      margin-bottom: vw(13);
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: vw(18);
      color: #8b8b8b;
    }

    .line {
      margin-bottom: vw(16);
      height: 1px;
      background-color: #d2d2d2;
    }

    .copic1 {
      height: vw(280);
      width: vw(580);

      img {
        height: 100%;
        width: 100%;
      }
    }
  }

  .two {
    padding-left: vw(28);
    height: vw(198);
    border-top: vw(25) solid #f5f5f5;
    border-bottom: vw(25) solid #f5f5f5;
    font-size: vw(20);
    line-height: vw(26);
    display: flex;
    flex-direction: column;
    justify-content: center;

    p:nth-child(1) {
      margin-bottom: vw(5);
      font-size: vw(30);
      line-height: vw(50);
    }

    p:nth-child(2) {
      >img {
        margin-right: vw(12);
        width: vw(24);
        height: vw(26);
      }
    }

    p:nth-child(3) {
      >img {
        margin-left: vw(3);
        margin-right: vw(12);
        width: vw(20);
        height: vw(26);
      }
    }
  }

  .three {
    height: vw(177);
    border-bottom: vw(24) solid #f5f5f5;

    >p {
      padding: vw(15) 0 0 vw(30);
    }

    ul {
      padding: vw(14) vw(28) vw(18);
      display: flex;
      justify-content: space-between;

      li {
        display: flex;
        justify-content: space-between;
        height: vw(86);
        width: vw(180);

        img {
          width: vw(86);
          height: vw(86);
        }

        .three-right {
          display: flex;
          flex-direction: column;
          justify-content: center;
          font-size: vw(14);
          line-height: vw(20);

          >p:nth-child(1){
            font-size: vw(18);
            line-height: vw(30);
          }
        }
      }
    }
  }

  .bottom {
    margin: vw(21) auto vw(200);
    height: vw(86);
    width: vw(593);
    background-color: #b20000;
    font-size: vw(34);
    letter-spacing: vw(2);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;

    .icon {
      margin-top: vw(5);
      margin-left: vw(20);
      padding-left: vw(2);
      height: vw(25);
      width: vw(25);
      line-height: vw(20);
      border-radius: 50%;
      text-align: center;
      background-color: #fff;
      color: #b20000;
    }
  }
}